import React, { Component } from 'react'
import { Text, StyleSheet, View, ScrollView } from 'react-native'

export default class About extends Component {
  render() {
    return (
      <View style={[styles.container]}>
        <Text style={[styles.h2]}> 关于 </Text>
        <ScrollView>
          <Text style={[styles.h6]}>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem ut saepe cumque in suscipit. Inventore illum culpa similique a expedita minima numquam explicabo rerum soluta, autem vitae neque pariatur, veritatis eveniet maiores reiciendis, repudiandae sapiente. Incidunt </Text>
          <Text style={[styles.h6]}>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem ut saepe cumque in suscipit. Inventore illum culpa similique a expedita minima numquam explicabo rerum soluta, autem vitae neque pariatur, veritatis eveniet maiores reiciendis, repudiandae sapiente. Incidunt </Text>
          <Text style={[styles.h6]}>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem ut saepe cumque in suscipit. Inventore illum culpa similique a expedita minima numquam explicabo rerum soluta, autem vitae neque pariatur, veritatis eveniet maiores reiciendis, repudiandae sapiente. Incidunt </Text>
          <Text style={[styles.h6]}>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem ut saepe cumque in suscipit. Inventore illum culpa similique a expedita minima numquam explicabo rerum soluta, autem vitae neque pariatur, veritatis eveniet maiores reiciendis, repudiandae sapiente. Incidunt </Text>
        </ScrollView>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    margin: 10,
    flexDirection: 'column',
    justifyContent: 'flex-start'
  },
  h2: {
    fontSize: 40,
    fontWeight: 'bold'
  },
  h6: {
    fontSize: 20,
    margin: 10
  }
})
